<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- metas -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="<?=BASEURL.CSS_DIR?>reset.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="<?=BASEURL.CSS_DIR?>admin/common.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="<?=BASEURL.CSS_DIR?>admin/popin.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="<?=BASEURL.CSS_DIR?>admin/style_edit.css" media="screen"/>
    <!-- javascript -->
    <?=$js_header?>
    <title>Nimwiki :: galleries</title>
  </head>
  <body>
<!-- start div page -->
<div id="page" >

    <!-- start div header -->
    <?=$div_header?>
    <!-- end div header -->

    <!-- start div content -->
    <div id="content" >
    <h1 class="action">Editing gallery : <?=$galname?></h1>

    <div><a href="<?=site_url('/admin/gallerymgr/')?>" class="button" >< go back to gallery list</a></div>
    
    <!-- start div edit -->
    <div id="edit">
    <div class="toolbar">
        <a href="#" class="button" id="btAddImage" >add image</a>
        <a href="#" class="button" id="btDeleteImg" >delete image</a>
        <a href="#" class="button" id="btImageInfos" >edit image infos</a>
        <a href="#" class="button" id="bt" >move image to another gallery</a>
    </div>
        <div id="list"></div>
    </div>
    <!-- end div edit -->
    
    </div>
    <!-- end div content --> 
    
</div>
<!-- end div page --> 



<!-- popup upload image -->
<div id="uploadform" style="display:none;">
    <div style="padding:8px;">
        <form enctype="multipart/form-data" action="" method="post">
        <div class="message" style="margin-bottom:10px;" >Choose an image on your computer<br />
        Allowed types : gif, jpg and png</div>
        <input type="file" name="userfile" style="margin-bottom:15px;" />
        <input type="button" value="cancel" onclick="closePopIn();" style="float:left;margin-right:2px;" />
        <input type="button" value="submit" style="float:left"  onclick="testupload(this.form,'<?=site_url('/admin/gallerymgr/uploadimg/'.$galname)?>');"/>
        </form>
    </div>
</div>
<!-- end popup upload image -->

<!-- popup editinfos -->
<div id="editinfos" style="display:none;" >
    <div style="padding:8px;">
        <div style="border:1px solid #ccc;float:left;width:200px;height:200px;margin-right:8px;overflow:hidden;">
            <div style="display: table; height: 200px;  #position: relative; overflow: hidden;">
            <div style=" #position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">
              <div  style=" #position: relative; #top: -50%">
                <img src="" width="200" />
              </div>
            </div>
            </div>
        </div>
        <div style="float:left;width:270px;overflow:hidden;">
        <h3 style="margin:0;margin-bottom:10px;" >Image infos</h3>
        caption<br />
        <textarea id="caption" style="font-family:arial;font-size:12px;width:210px;"></textarea>
        <br />
        tags<br /><input type="text" id="tags" value="" style="width:210px;" />
            <div style="margin-top:15px;">
            <input type="button" value="cancel" onclick="closePopIn();" style="float:left;margin-right:2px;" />
            <input type="button" value="submit" style="float:left"  onclick="updateInfos()" />
            </div>
        </div>
    </div>
</div>
<!-- end popup editinfos -->

</body>
</html>
